<!DOCTYPE html>
<!--
DOM 0 
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script type="text/javascript" src="jquery/jquery-1.11.3.js"></script>
        <script type="text/javascript">
            $(function(){
                $("*").bind("click",function(event,a,b){
                    //JQuery依然存在冒泡
                    print(event.currentTarget.id+"--"+event.target.id);
                    print("--"+event.target.id+":"+(a+b));
                });
                
                $("a[href='ccc']").bind("click",function(event){
                    //trigger带来的好处有两个
                    //1.可以在其他的对象中调用另外一个事件
                    //2.可以为事件传递参数
                    //3.trigger依然存在事件冒泡
                    $("#child").trigger("click",[2,3]);
                    event.preventDefault();
                });
                
                function print(txt) {
                    $("#content").append(txt+"<br/>");
                }
            });
        </script>
    </head>
    <body id="body">
        <div id="parent">
            <div id="child">
                点了看一下
            </div>
        </div>
        <a href="ccc">abc</a>
        <div id="content"></div>
    </body>
</html>
